@import "./common/s_config";
.contain {
    margin-bottom: 70px;
    .payment_order {
        margin:0 auto;
        width:1200px;
        border: 5px solid #36c500;
        background: #fff;
        .payment_order_top {
            background: #d1ffc1;
            padding: 10px 0;
            height:22px;
        }
        .box-order {
            margin-top: 60px;
            background: #fff;
            width: 100%;
            padding-bottom: 75px;
            .box-title {
                width: 100%;
                height: 75px;
                line-height: 75px;
                border-bottom: 1px solid #ffaead;
                font-size: 18px;
            }
            table{
                margin:40px auto 0 auto;
                border: 1px solid #e5e5e5;
                text-align: center;
                tr{
                    border-bottom: 1px solid #e5e5e5;
                }
                .title {
                    width: 170px;
                    height: 50px;
                    line-height: 50px;
                    background: #efefef;
                    text-align: center;
                }
                .detail {
                    text-indent: 20px;
                    width: 345px;
                    height: 50px;
                    line-height: 50px;
                    border-right: 1px solid #e5e5e5;
                }
            }
            .confirm-order {
                width: 1020px;
                border-top: 1px solid #e5e5e5;
                margin: 40px auto 0 auto;
                font-size: 14px;

                .form_input {
                    margin-bottom: 10px;
                    overflow: hidden;
                    label{
                        line-height: 30px;
                    }
                    .text {
                        width: 160px;
                        height: 30px;
                        line-height: 30px;
                        display: inline-block;
                        text-align: right;
                        padding-right: 10px;
                        float: left;
                        color: #444;
                    }
                    .inp {
                        width: 215px;
                        height: 30px;
                        line-height: 30px;
                        border-radius: 3px;
                        text-indent: 10px;
                        border: 1px solid #dcdcdc;
                    }
                    select{
                        width: 215px;
                        height: 30px;
                        line-height: 30px;
                        border-radius: 3px;
                        text-indent: 10px;
                        border: 1px solid #dcdcdc;
                    }
                    #surePay{
                        margin-left:110px;
                        display: block;
                    }
                    div.error{
                        margin-left:110px;
                        background:url(https://r.mzmoney.com/mz/img/ico_01.png) no-repeat left center;
                        padding-left: 20px;
                        color: #e72210;
                        vertical-align: middle;
                        width: 200px;
                        line-height: 40px !important;
                        font-size:12px;
                    }
                }
            }
            .safes{
                padding: 50px 0 0 110px;
                ul{
                    @extend .clearfix;
                    li{
                        float: left;
                        width: 350px;
                        i{
                            width: 50px;
                            height: 55px;
                            display: inline-block;
                            position: relative;
                            left: 50px;
                            top: 10px;
                            background: url(https://r.mzmoney.com/mz/img/ico.png) no-repeat;
                            float: left;
                        }
                        div{
                            width: 200px;
                            float: left;
                            margin-left: 70px;
                            .title {
                                font-size: 22px;
                            }
                            .text {
                                color: #999;
                            }
                        }
                    }
                    li.bao1 {
                        i{
                            background-position: -109px -745px;
                        }
                    }
                    li.xian{
                        i{
                            background-position: -205px -745px;
                        }
                    }
                    li.jian{
                        i{
                            background-position: -301px -745px;
                        }
                    }
                }
            }
        }
    }
    .user_form{
        .form_input{
            margin-bottom: 10px;
            overflow: hidden;
            label{
                line-height: 30px;
            }
            .text {
                width: 160px;
                height: 30px;
                line-height: 30px;
                display: inline-block;
                text-align: right;
                padding-right: 10px;
                float: left;
            }
            .inp{
                width: 215px;
                height: 30px;
                line-height: 30px;
                border-radius: 3px;
                text-indent: 10px;
                border: 1px solid #dcdcdc;
            }
        }
        .icon-tel {
            width: 25px;
            height: 20px;
            background: url(https://r.mzmoney.com/mz/img/ico_user_center.png) no-repeat;
            display: inline-block;
            background-position: -590px -258px;
        }
    }
}
.modalBox{
    display: none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url(https://r.mzmoney.com/mz/img/hpimg/quick-loginbg.png) repeat;
    .modal{
        padding:10px 10px 0 10px;
        position: absolute;
        left:50%;
        top:50%;
        border-radius: 4px;
        background: #fff;
        p{
            padding:20px;
            text-align: left;
            font-size: 14px;
        }
        .btnBox{
            margin:0px !important;
            padding:5px 0;
            border-top:1px solid #ddd;
            a{
                margin:0px !important;
            }
        }
        a{
            padding:0;
            display: inline-block;
            width:48%;
            height:30px;
            text-align: center;
            line-height: 30px;
            font-size:14px;
            color: #f76867;
        }
        a.cancelBtn{
            border-left:1px solid #ddd;
            color: #999;
        }
    }
}
#openAccountBox{
    .modal{
        margin-left:-160px;
        margin-top:-65px;
        width:300px;
    }
}
#riskTestBox{
    .modal{
        margin-left:-175px;
        margin-top:-140px;
        width:350px;
        height:280px;
        text-align: center;
        img{
            margin:0 auto;
        }
        a{
            position: absolute;
            border:none;
            top:-15px;
            right:-15px;
            width:30px;
            height:30px;
            background: url('https://r.mzmoney.com/public/plugins/layer/skin/default/icon.png') no-repeat -149px -44px;
            &:hover{
                background: url('https://r.mzmoney.com/public/plugins/layer/skin/default/icon.png') no-repeat -180px -44px;
            }
        }
    }
},
.enter_pwd{
    display: none;
}
#verify_form{
    padding-bottom:50px;
}
.not_enough{
    display: none;
    .rechargeBtn{
        margin-left:170px;
        display: block;
        border-radius: 4px;
        width:138px;
        height:42px;
        text-align: center;
        line-height: 42px;
        color: #fff;
        background: #f04f4b;
    }
}
.top4 {
    top: -4px !important;
}
.mt0{
    margin-top:0px !important;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px !important;
}
.mt50{
    margin-top:50px;
}
.mb9{
    margin-bottom:9px;
}
.ml30{
    margin-left:30px;
}
.ml50{
    margin-left:50px;
}

.pt20{
    padding-top:20px;
}
.pl80{
    padding-left:80px;
}
.pr90{
    padding-right:90px;
}
.cGray2 {
    color: #666!important;
}
.cBlack {
    color: #444 !important;
}
.color_base{
    color: #f04f4b !important;
}
.color_blue {
    color: #0099ff;
}
.red {
    color: #f04f4b !important;
}
.fb,.f16{
    font-size:16px !important;
}
.f18{
    font-size:18px;
}
.m-c{
    margin:0 auto;
}
.w100{
    width:100px !important;
}
.f14{
    font-size:14px;
}

.user_form .form_input{
    margin-bottom: 10px;
    overflow: hidden;

}
.user_form .form_input label{
    line-height:30px;
}
#pictureCaptcha-error,#smsCheckCode-error,#amount-error,#identitycard-error,#timer-error{
    line-height: 21px !important;
}
.user_form .form_input label#tail img{ float: left;}
.user_form .form_input .text{
    width:160px;
    height:30px;
    line-height:30px;
    display:inline-block;
    text-align:right;
    padding-right:10px;
    float: left;
}

.user_form2 .form_input .text{
    width:100px !important;
    height:30px;
    line-height:30px;
    display:inline-block;
    text-align:right;
    padding-right:10px;
}
.user_form .form_input.error_msg{
    padding:0;
    margin:0;
}
.user_form .form_input.error_msg .text{
    width:160px;
    height:1px;
    line-height:30px;
    display:inline-block;
    text-align:right;
    padding-right:10px;
}
.user_form2 .form_input.error_msg .text{
    width:100px !important;
    height:1px;
    line-height:30px;
    display:inline-block;
    text-align:right;
    padding-right:10px;
}


.user_form .form_input select ,.user_form .form_input .inp{
    width:215px;
    height:30px;
    line-height:30px;
    border-radius: 3px;
    text-indent: 10px;
    border:1px solid #dcdcdc;
}
.user_form .form_input .inp_sms{
    width:100px;
    margin-right: 10px;
}
.user_form .form_input .btn_sms{
    width:100px;
    height:30px;
    line-height:30px;
    border-radius: 3px;
    text-indent: 10px;
    margin-left:10px;
    border:1px solid #dcdcdc;
}

.user_form .form_input .btn_sms2{
    width:100px;
    height:30px;
    line-height:30px;
    border-radius: 3px;
    text-indent: 10px;
    margin-left:10px;
    background:none;
    border:1px solid #dcdcdc;
}



.user_form em {
    font-size:12px;
}

.user_form em i{
    width:20px;
    height:20px;
    display:inline-block;
    background:url(../img/ico.png) no-repeat;
    position:relative;
    top:4px;
    margin-right:3px;
}

.user_form em.green{
    color:#30b715;
}
.user_form em.green i{
    background-position:0 -327px;
}


.user_form em.red{
    color:#eb544b;
}
.user_form em.red i{
    background-position:0 -284px;
}

.user_form em.yellow{
    color:#fdaa19;
}
.user_form em.yellow i{
    background-position:0 -361px;
}
.icon-kefu{
    width:25px;
    height:20px;
    background:url(https://r.mzmoney.com/mz/img/ico_user_center.png) no-repeat;
    display:inline-block;
    background-position: -641px -258px;
}

.icon-tel{
    width:25px;
    height:20px;
    background:url(https://r.mzmoney.com/mz/img/ico_user_center.png) no-repeat;
    display:inline-block;
    background-position: -590px -258px;
}
div.error{
    display: block;
    margin-left:110px !important;
}
#error_msg{
    display: none;
    padding-left: 20px;
    color: #e72210;
    vertical-align: middle;
    width: 200px;
    line-height: 20px !important;
    min-height: 20px;
    font-size:12px;
    background:url(https://r.mzmoney.com/mz/img/ico_01.png) no-repeat left center;
}
label.error{
    display: inline-block;
    vertical-align: middle;
}
label.error,div.error{
    background:url(https://r.mzmoney.com/mz/img/ico_01.png) no-repeat left center;
    margin-left: 10px;
    padding-left: 20px;
    color: #e72210;
    width: 200px;
    line-height: 20px !important;
    min-height: 20px;
    font-size:12px;
}
#verify_form{
    div.error{
        margin-left:170px !important;
    }
}
.btn{
    margin:20px 0 0 170px;
}
#surePay{
    margin-left:110px !important;
}
label.valid{
    background:url(https://r.mzmoney.com/mz/img/ico_03.png) no-repeat left center;
    margin-left: 10px;
    padding-left: 20px;
    vertical-align: middle;
    display: inline-block;
    width: 200px;
    line-height: 20px;
    height: 20px;
    font-size:12px;
    color:#53a03b;
}
#passbookTip{color: #f04f4b !important;}